*{ font-family: "Microsoft YaHei";}
html{background:#FFF;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}


/*********************  Index  Start   *****************************************/


/********General**********/

.banner_wrapper{ width: 100%; height: auto; }
/*banner*/
html{ position:relative;overflow:auto;}
body{position:relative;width:100%; position:relative;overflow:hidden;font:12px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
body,html{padding:0px;margin:0px;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input{margin:0;padding:0;font-weight:normal;}
table{width:auto;border-collapse:collapse;border-spacing:0;}
li{list-style:none;vertical-align:bottom;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;transition:color .3s,opacity .3s,transform .3s;-webkit-transition:color .3s,opacity .3s,transform .3s;}
a:hover{outline:none;}
img{border:0;}
.hidden{display:none;}
.p_top_middle{margin:0;padding:0;position:absolute;top:0;left:50%;margin-left:-66px;font-size:50px;}
.banner_box{height:100%;position:relative;overflow:hidden;}
.banner_cot{height:100%;position:relative;overflow:hidden;}
.content{position:relative;width:1200px;margin:0 auto;}
.banner_list{position:relative;height:100%;}
.page_box{position:absolute;width:100%;height:100%;top:0;left:-9999px;}
.bg_box{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-repeat:no-repeat;}
.bg_box img{position:absolute;top:50%;left:50%; width: 100% !important;}
.page_box .content{width:1000px;height:100%;position:absolute;top:0;left:50%;margin-left:-500px;z-index:5;transform-origin:center center;-webkit-transform-origin:center center;}
.page_box .main_box{position:relative;height:100%;left:-9999px;top:50%;}
.banner_list .show{left:0;}
.banner_list .show .main_box{left:0;}
.product_btns{position:absolute;width:100%;bottom:5px;z-index:6;transition:bottom .3s;-webkit-transition:bottom .3s;z-index:10;}
.product_btns.show{bottom:100px;}
.product_btns .content{width:1000px;position:absolute;bottom:0;left:50%;margin-left:-500px;}
.product_btns .btns_box{margin:auto;}
.product_btns .btns_box a{display:inline-block;position:relative;background-size:auto;}
.product_btns .icon_bg{ width:102px; height: 8px; background:rgba(204,152,103,0.5);}
.product_btns .icon_show{background:#cc9966;}
.big_view .product_btns .content{height:82px;}
.big_view .product_btns .btns_box{ width: 1200px; height: 84px; text-align: right; }
.big_view .product_btns .btns_box a{width:90px;height:8px;margin:0 15px;}
.mid_view .product_btns .content{height:58px;}
.mid_view .product_btns .btns_box{height:58px;width:388px;}
.mid_view .product_btns .btns_box a{width:70px;height:8px;margin:0 12px;background-size:70px 56px;}
.small_view .product_btns .content{height:42px;}
.small_view .product_btns .btns_box{height:42px;width:292px;}
.small_view .product_btns .btns_box a{width:50px;height:8px;margin:0 10px;background-size:50px 40px;}
.sky_xia{z-index:10;}


.sky_wrapper{position:absolute;bottom:50%;right:50%;width:1200px;height:284px; margin-right: -600px; margin-bottom: -142px;}
.sky_cn{width:573px;height:284px; float: right;}
.sky_cn img,.sky_cn p{ float: right; font-size: 14px; color: #fff; line-height: 26px; margin: 10px 0; text-align: right;margin-right:100%; opacity: 0;}
.sky_cn a.sky_more{ display: block; width: 182px; height: 48px; background: #cc9966; line-height: 48px; margin-top: 20px;
    border-radius: 48px; text-align: center; font-size: 16px; color: #fff; float: right;margin-right:200%; opacity: 0;}
.sky_cn .sky_desc{ width: 100%; height: 52px;}
.sky_cn a.sky_more span{ display: inline-block; width: 20px; height: 18px; background: url("../Image/sky_arrow.png") right center no-repeat;
padding-left: 20px; position: relative; top: 3px;}
.sky_img2{ margin-top: 28px;}
.show .sky_anim{animation:sky_anim1 2s ease forwards;-moz-animation:sky_anim1 2s ease forwards;
    -webkit-animation:sky_anim1 2s ease forwards;-o-animation:sky_anim1 2s ease forwards;}
@keyframes sky_anim1{0%{opacity:0;margin-right:100%;}100%{opacity:1;margin-right:0;}}

.delay1{ animation-delay: 0s !important;}
.delay2{ animation-delay: 0.4s !important;}
.delay3{ animation-delay: 0.5s !important;}
.delay4{ animation-delay: 0.6s !important;}



.show .sky_anim1{animation:sky_1 1s;-moz-animation:sky_1 1s;-webkit-animation:sky_1 1s;-o-animation:sky_1 1s;}
.show .sky_anim2{animation:sky_2 2s;-moz-animation:sky_2 2s;-webkit-animation:sky_2 2s;-o-animation:sky_2 2s;}
@keyframes sky_1{0%{opacity:0;top:60%;}100%{opacity:1;top:50%;}}
@-moz-keyframes sky_1{0%{opacity:0;top:60%;}100%{opacity:1;top:50%;}}
@-webkit-keyframes sky_1{0%{opacity:0;top:60%;}100%{opacity:1;top:50%;}}
@-o-keyframes sky_1{0%{opacity:0;top:60%;}100%{opacity:1;top:50%;}}
@keyframes sky_2{0%{opacity:0;bottom:0px;right:0px;}50%{opacity:1;bottom:0px;right:0px;}100%{bottom:30%;right:36%;}}
@-moz-keyframes sky_2{0%{opacity:0;bottom:0px;right:0px;}50%{opacity:1;bottom:0px;right:0px;}100%{bottom:30%;right:36%;}}
@-webkit-keyframes sky_2{0%{opacity:0;bottom:0px;right:0px;}50%{opacity:1;bottom:0px;right:0px;}100%{bottom:30%;right:36%;}}
@-o-keyframes sky_2{0%{opacity:0;bottom:0px;right:0px;}50%{opacity:1;bottom:0px;right:0px;}100%{bottom:30%;right:36%;}}
.page_box .snow_cot{position:absolute;z-index:12;bottom:8%;left:50%;}
.snow_cot img{width:100%;height:100%;}
.show .snow_anim{animation:snow_1 0.5s;-moz-animation:snow_1 0.5s;-webkit-animation:snow_1 0.5s;-o-animation:snow_1 2s;}
@keyframes snow_1{0%{left:1000px;}100%{left:50%;}
}@-moz-keyframes snow_1{0%{left:1000px;}100%{left:50%;}}
@-webkit-keyframes snow_1{0%{left:1000px;}100%{left:50%;}}
@-o-keyframes snow_1{0%{left:1000px;}100%{left:50%;}}
.page_box .content .room_cot{position:absolute;bottom:8%;left:50%;margin-left:-200px;width:668px;height:585px;}
.room_anim img{width:100%;height:100%;vertical-align:middle;}
.show .room_anim{animation:room_1 1.5s ease-in-out;-moz-animation:room_1 1.5s ease-in-out;-webkit-animation:room_1 1.5s ease-in-out;-o-animation:room_1 1.5s ease-in-out;}
@keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0;}66%{transform:rotate(0deg) scale(0.5);opacity:1;}100%{transform:rotate(0deg) scale(1);}}
@-moz-keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0;}66%{transform:rotate(0deg) scale(0.5);opacity:1;}100%{transform:rotate(0deg) scale(1);}}
@-webkit-keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0;}66%{transform:rotate(0deg) scale(0.5);opacity:1;}100%{transform:rotate(0deg) scale(1);}}
@-o-keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0;}66%{transform:rotate(0deg) scale(0.5);opacity:1;}100%{transform:rotate(0deg) scale(1);}}
.page_box .content .forest_cot{position:absolute;bottom:15%;width:500px;height:636px;left:50%;}
.forest_cot img{width:100%;height:100%;}
.show .forest_anim{animation:forest_1 1s ease-in-out;-moz-animation:forest_1 1s ease-in-out;-webkit-animation:forest_1 1s ease-in-out;-o-animation:forest_1 1s ease-in-out;}
@keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%;}50%{transform:scale(1);opacity:1;bottom:55%;}100%{bottom:15%;}}
@-moz-keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%;}50%{transform:scale(1);opacity:1;bottom:55%;}100%{bottom:15%;}}
@-o-keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%;}50%{transform:scale(1);opacity:1;bottom:55%;}100%{bottom:15%;}}
@-webkit-keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%;}50%{transform:scale(1);opacity:1;bottom:55%;}100%{bottom:15%;}}



/*******Css sprite*******/

/*logo*/
.logo_wrapper{ position: fixed; top: 0; left: 0; z-index: 99;}
.logo{ width: 206px; height: 156px; background: url("../Image/logo_bg.png") repeat;}
.logo a{ display: block; width: 206px; height: 156px; background: url("../Image/logo.png") center no-repeat;}
.nav_trigger{position: relative;width: 100%;height: 26px;background: url("../Image/nav_toggle.png") no-repeat;}

.nav__icon{ display:inline-block; position: absolute; width:30px; height: 2px; left: 50%; margin-left: -15px; top: 50%; margin-top: -1px; background-color:#cc9966;
    -webkit-transition-property:background-color,-webkit-transform;
    transition-property:background-color,-webkit-transform;
    transition-property:background-color,transform;
    transition-property:background-color,transform,-webkit-transform;
    -webkit-transition-duration:300ms;
    transition-duration:300ms;
}
.nav__icon:before,.nav__icon:after{ content:''; display:block; width:30px; height: 2px; position:absolute; background:#cc9966;
    -webkit-transition-property:margin,-webkit-transform;
    transition-property:margin,-webkit-transform;
    transition-property:margin,transform;
    transition-property:margin,transform,-webkit-transform;
    -webkit-transition-duration:300ms;
    transition-duration:300ms;
}
.nav__icon:before{margin-top: -7px;}
.nav__icon:after{margin-top: 7px;}
.nav{-webkit-transform:translate(100%,-100%) scale(0.5);transform:translate(100%,-100%) scale(0.5);border-radius:100%;}
.nav--active .nav{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);border-radius:0;width:100%;height:100%;}
.nav--active .nav__icon{background:rgba(0,0,0,0);}
.nav--active .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav--active .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/*product*/
.pro_wrapper{ overflow: hidden; margin: 30px auto 50px;}
.com_title{ width: 100%; height: 64px; border-bottom: 1px solid #d9dfe5; margin: 10px 0 54px 0;}
.com_t{ max-width: 1200px; height: 64px; margin: auto; line-height: 64px; line-height: 64px;}
.com_t span{ display: block; width: 4em; height: 64px; font-size: 20px; font-weight: bold; color: #323131; float: left;}
.com_t span:after{ content:''; width: 4em; display: block; height: 1px; background: #000; position: relative; }
.com_t a{ font-size: 16px; color: #515151; float: right;}
.com_title2{ border-bottom: 1px solid rgba(255,255,255,0.3); filter:alpha(opacity=30); z-index: 4; position: absolute; top: 10px;}
.com_t2 span{  color: #fff; }
.com_t2 span:after{ background: #fff; }
.com_t2 a{ color: #fff; }


.index-pro{ width: 1200px; height: auto; margin: auto;}
.index-pro>div.index-probox{ width: 298px; height: 386px; float: left;}

.index-probox{ position:relative; overflow:hidden; float:left; margin:0 1px; height:459px; background:#eaeaea;}

.index-proname h3{ padding-top:100px; width:208px; margin:0 auto; height:63px; font:36px/40px "Times New Roman"; color:#121212; margin-bottom:30px;}
.index-proname p{width:208px; margin:0 auto; font:14px/24px "微软雅黑"; color:#9d9d9d;}
.index-probox ul li{position:absolute; left:0; top:0; display:none; width:100%; height:459px; background-repeat:no-repeat;background-position: center top;}
.index-probox .number{ position:absolute; width:100%; height:15px; line-height:15px; left:0; bottom:100px; text-align:center; z-index:3; display:none;}
.index-probox .number span{ display:inline-block; width:13px; height:15px; margin:0 2px; opacity:0.4;filter:Alpha(opacity=40); background:url(../Image/pro_dot.png) no-repeat; cursor:pointer;}
.index-probox .number span.on{opacity:1;filter:Alpha(opacity=100); }
.proboxbg{ position:absolute; width:100%; height:100%; background:#000;opacity:0.4;filter:Alpha(opacity=40); overflow:hidden; z-index:2;display:none;}
.protext{ display:none; position:absolute; width:100%; left:0; top:112px; background:url(../Image/pro_add.png) no-repeat center top; z-index:3; text-align:center;}
.protext h3{ font:20px/34px "微软雅黑"; color:#fff; margin-top:46px;}
.protext p{ font:18px/30px "Times New Roman"; color:#fff;opacity:0.6;filter:Alpha(opacity=60);}
.index-promore{ display:block; height:62px; margin:20px 0 90px; background:#f7f7f7; font:14px/62px Arial; color:#9d9d9d; text-align:center; transition:all 0.4s;}
.index-promore:hover{ background:#999999; color:#fff;}




/*case*/
.case_wrapper{ width: 100%; height: 556px; overflow: hidden; margin: 30px auto 50px; position: relative;}
.case_cn{ width: 100%; height: 556px; position: absolute; top: 0; z-index: 1;}
.case_cn ul{ width: 400%; height: 130px; overflow: hidden;}
.case_cn li{ width: 100%; height: 556px; float: left; color: #fff; position: absolute;}
.case_txt0{ background: url("../Image/case_bg0.png") center no-repeat;}
.case_txt1{ background: url("../Image/case_bg1.png") center no-repeat;}
.case_txt2{ background: url("../Image/case_bg2.png") center no-repeat;}
.case_txt3{ background: url("../Image/case_bg3.png") center no-repeat;}
.case_cn li div{ width: 1200px; height: 130px; color: #fff; margin: 200px auto;}
.case_cn li h3{ font-size: 36px;}
.case_cn li p{ font-size: 14px; line-height: 23px;}
.case_cn li img{ float: left; margin-right: 25px;}

.case_btn{ width: 1200px; height: 50px; margin: auto; position: absolute; bottom: 90px; z-index: 4; left: 50%; margin-left: -600px;}
.case_btn li{ width: 211px; height: 50px; float: left; margin: 0 56px;}
.case_btn li a{ display: block; width: 100%; height: 46px;  border-radius: 46px; font-size: 20px;
    border: 2px solid #fff; color: #fff; line-height: 46px; text-align: center; background: none;}
.case_btn li a:hover,.case_btn_a a{ color: #292929!important; background: #fff!important;}
.case_btn li:first-child{ margin-left: 0;}
.case_btn li:last-child{ margin-right: 0;}

/*cooperation*/
.coop_w{ width: 100%; height: 100px;}
.coop_w .mr_frbox{ width:1408px; height: 92px; margin: auto;}
.coop_w .mr_frBtnL{float:left; width:54px; height: 54px; margin:15px 22px 0px 0px;cursor:pointer;display:inline;}
.coop_w .mr_frUl{height:130px;width:1200px; margin: auto;}
.coop_w .mr_frBtnR{float:right; width:54px; height: 54px;  margin-top:15px;cursor:pointer;}
.coop_w .mr_frUl ul li{display:inline;float:left;height:90px;width:184px; border: 1px solid #dcdcdc;margin-right:17px;overflow:hidden;}
.coop_w .mr_frUl ul li a{ display: block; width: 100%; height: 90px; line-height: 90px; text-align: center; color: #363535; font-size: 16px;}
.coop_w .mr_frUl ul li a:hover{ color: #f96;}
.coop_w .mr_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8; width: 184px; height: 90px; -webkit-filter: grayscale(1); }
.coop_w .mr_frUl ul li a:hover img{border:1px solid #A0C0EB;-webkit-filter: grayscale(0); }

/*company*/
.comp_w{ width: 100%; height: auto;}
.comp_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto;}
.compL{ width: 646px; height: 440px; float: left; overflow: hidden;}
.compL a{ position: relative; display: block; width: 100%; height: 440px;}
.compL a span{ display: block; width: 100%; height: 0; line-height: 53px; color: #fff; text-indent: 2em;
    position: absolute; bottom: 0px; background: rgba(204,153,102,0.6); filter:alpha(opacity=60); font-size: 16px;  }
.compL a span,.compL a img{transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s; }
.compL a img{ position: absolute; left: 0; top: -10px;}
.compL a:hover span{  height: 53px;}
.compL a:hover img{ top: 0;}

.compR{ width: 548px; height: 440px; float: right;}
.compR li{ width: 271px; height: 219px; float: left; margin: 0 0 3px 3px;}
.compR li a{ display: block; width: 271px; height: 219px; background: #f0edea; box-sizing: border-box; padding: 48px 40px; text-align: center;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s; }
.compR li a h2{ font-size: 20px !important; color: #292929; line-height: 2em;}
.compR li a:hover h2{ color: #fff; font-size: 20px !important; }
.compR li a p{ font-size: 14px; color: #848381; line-height: 2em;}
.compR li a:hover p{ color: #f0e1d4;}
.compR li a:hover{ background: url("../Image/compR_bg.png") repeat; padding: 18px 40px;}
.compR li span{ display: block; width: 39px; height: 39px; background: #fff; line-height: 39px;  text-align: center; border-radius: 50%; color: #e4a301; font-size: 30px; margin: auto; opacity: 0;}
.compR li a:hover span{ opacity: 1;}

.compR_icon{ width: 44px; height: 46px; margin: auto;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s; }
.compR_icon1{ background-image: url("../Image/compR_icon1.png"); background-position: 0 46px;}
.compR_icon2{ background-image: url("../Image/compR_icon2.png"); background-position: 0 46px;}
.compR_icon3{ background-image: url("../Image/compR_icon3.png"); background-position: 0 46px;}
.compR_icon4{ background-image: url("../Image/compR_icon4.png"); background-position: 0 46px;}

.compR li a:hover .compR_icon1{ background-position: 0 0;}
.compR li a:hover .compR_icon2{ background-position: 0 0;}
.compR li a:hover .compR_icon3{ background-position: 0 0;}
.compR li a:hover .compR_icon4{ background-position: 0 0;}


/*news*/
.news_w{ width: 100%; height: 670px; background: url("../Image/news_bg.png") center no-repeat; margin-top: 30px;}
.news_cn{ width: 1240px; height: 460px; margin: auto;}
.news_cn li{ width: 309px; height: 448px; margin: auto; float: left;}
.news_cn li a{ display: block; width: 275px; height: 410px; margin: auto; position: relative; overflow: hidden;}
.news_cn li a .news_txt{ width: 309px; height: 210px; background: #fff; box-sizing: border-box; padding: 50px 39px;
    position: absolute; top: 0; z-index: 2;  left:50%; margin-left: -154.5px;
    transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;-moz-transition:all 0.6s linear 0s;-o-transition:all 0.6s linear 0s;
}
.news_cn li a .news_txt h2{ color: #2f2f2f; font-size: 16px; line-height: 2em;}
.news_cn li a .news_txt h2::after{ display: block; content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.3); filter:alpha(opacity=30);}
.news_cn li a .news_txt p{ color: #8e8e8e; font-size: 14px; padding: 20px 0; line-height: 2em;}
.news_cn li a .news_img{ display: block; width: 100%; height: 200px; position: absolute; bottom: 0; overflow: hidden; z-index: 1;  }
.news_cn li a .news_img img{position: relative; top: -150px;}
.news_cn li a:hover{ width: 100%; height: 100%;}
.news_cn li a:hover .news_img{ width: 100%; height: 100%;}
.news_cn li a:hover .news_img img{ top: 0;}
.news_cn li a:hover .news_txt{ width: 100%; top: 200px; background: transparent;
    /*transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);*/
}
.news_cn li a:hover .news_txt h2{ color: #cc9966;}
.news_cn li a:hover .news_txt p{ color: #fff;}

/*footer*/

.footer_w{ width: 100%; height: 250px; background: url("../Image/logo_bg.png") repeat; box-sizing: content-box; padding: 52px 0;}
.footer_cn{ width: 1200px; height: 250px; background: #414141; margin: auto;}
.footer_nav{ width: 400px; height: auto; float: left; padding: 30px;}
.footer_nav>ul>li{ width: 130px; float: left; line-height: 3em;}
.footer_nav>ul>li>a{ font-size: 20px; color: #fff;}
.footer_nav>ul>li ul a{ font-size: 14px; color: #9e9e9e;}
.footer_nav>ul>li ul li{ line-height: 2em;}

.footer_info{ width: 400px; height: auto; float: left; padding: 20px 30px;}
.footer_info b{ font-size: 20px; color: #fff; line-height: 2.6em;}
.footer_info span.footer_span{ display: block; width: 234px; height: 47px; border: 3px solid #cc9966;
    line-height: 47px; text-align: center; font-size: 24px; color: #fff; margin: 10px 0;}
.footer_info p{ color: #9e9e9e; font-size: 14px;}

.footer_code{ width: 250px; height: 250px; background: #323232; float: right; text-align: center; padding: 65px; box-sizing: border-box; color: #999999;}




/****************************    Index  End   ***********************************/

/****************************    Company  Start   ***********************************/

/*com_top*/
.com_top{ width: 100%; height: 260px;}
.comp_top{ background: url("../Image/comp_top.png") center no-repeat; background-size: 100% 100%;}
.pro_top{ background: url("../Image/pro_top.png") center no-repeat; background-size: 100% 100%;}
.news_top{ background: url("../Image/news_top.png") center no-repeat; background-size: 100% 100%;}
.fresh_top{ background: url("../Image/fresh_top.png") center no-repeat; background-size: 100% 100%;}

.top_cn{ width: 1200px; height: 260px; margin: auto; text-align: center; position: relative;}
.top_cn span{ font-size: 48px; color: #fff; line-height: 260px; text-transform: uppercase;}
.top_cn span i{ font-weight: lighter;}
.top_cn .loc{ position: absolute; bottom: 0; right: 0; text-align: center; font-size: 18px; color: #fff; line-height: 3em;}


/*comp*/
.com_comp_w{ width: 100%; height: auto;}
.com_comp_w2{ background: #faf5ef;}
.com_comp_cn{ width: 1200px; height: 750px; margin: auto; padding: 60px 0; box-sizing: border-box;}
.com_comp_cn h2{ font-size: 18px; color: #525252; line-height: 3em;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s; }
.com_comp_cn p{ font-size: 14px; color: #999999; line-height: 2em;}

.profileL{ width: 486px; height: 480px; float: left; padding: 0 60px; box-sizing: border-box;}
.profileR{ width: 710px; height: 480px; float: right;}

.profileR li a:hover h2{ font-size: 26px; color: #cc9966;}
.company_icon{ font-size: 45px; color: #cc9966; font-weight: lighter;}
.profile_icon{ position: relative; bottom: 130px; left: -50px;}
.company_icon::after{ display: block; content: ''; width: 110px; height: 3px; background: #c96;}


.culture{ height: 750px; position: relative;}
.culture2{ position: absolute; right: 70px; top: 60px;}
.culture1{ position: absolute; right: 574px; top: 133px;}
.culture_txt{ width: 425px; height: 360px; float: left; position: absolute; bottom: 10px;}
.culture_cn{ width: 425px; height: 360px; float: left; position: absolute; bottom: 10px;}
.culture_icon{ position: absolute; right: 27px; top: 270px;}
.culture_icon::after{position: relative; right: -47px;}


.concept{ height: 1453px; position: relative;}
.concept1_w{ position: absolute; left: 60px; top: 60px;}
.concept1{ position: absolute; left: 0; top: 0;}
.concept2_w{ position: absolute; left: 0; top: 507px; z-index: 2;}
.concept2{ position: absolute; left: 0; top: 0; z-index: 2;}
.concept_cn_w{ width: 514px; height: 541px; position: absolute; right: 0; top: 323px; box-sizing: border-box;}
.concept_cn{ width: 514px; height: 541px; position: absolute; right: 0; top: 0; background: #fff; padding: 53px 0 0 67px; box-sizing: border-box;}
.concept_cn b{ color: #c96; margin-left: 10px;}
.concept_icon{ position: absolute; left: 0; top: 330px;}

.course1_w{ position: absolute; bottom: 70px; left: 90px; z-index: 1;}
.course1{ position: absolute; bottom: 0; left: 0; z-index: 1;}
.course_icon{ position: absolute; bottom: 330px; z-index: 2;}
.course_cn_w{ width: 508px; height: 380px; position: absolute; bottom: 70px; right: 0; border-bottom: 2px solid #c96;}
.course_cn{ width: 508px; height: 380px; position: absolute; bottom: 0; right: 0;}

.comp_footer{ width: 100%; height: 595px; background: #faf5ef;  overflow: hidden;}
.comp_footer_t{ width: 100%; text-align: center; padding: 20px 0; margin: 20px auto;}
.comp_footer_t h2{ font-size: 30px; color: #2a2a2a; line-height: 1.5em;}
.comp_footer_t small{ font-size: 14px; color: #9e9e9e; line-height: 3em; text-transform: uppercase;}
.comp_footer_t span{ display: block; width: 100%; height: 1px; background: #e5e5e5; position: relative; }
.comp_footer_t span::after{ display: block; content: ''; width: 80px; height: 1px; background: #959595; position: absolute; left: 50%; margin-left: -40px;}

.comp_footer_cn{ width: 1408px; height: auto; margin: 60px auto; overflow: hidden;}
.comp_footer_cn .mr_frbox{ width:1408px; height: 350px; margin: auto;}
.comp_footer_cn .mr_frBtnL{float:left; width:54px; height: 54px; margin:110px 22px 0px 0px;cursor:pointer;display:inline;}
.comp_footer_cn .mr_frUl{height:280px;width:1200px; margin: auto; border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; overflow: hidden;}
.comp_footer_cn .mr_frBtnR{float:right; width:54px; height: 54px;  margin-top:110px;cursor:pointer;}
.comp_footer_cn .mr_frUl ul li{display:inline;float:left;height:273px;width:390px; margin-right:15px;overflow:hidden;}
.comp_footer_cn .mr_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8; width: 390px; height: 273px; }





/****************************    Company  End   ***********************************/


/****************************    Product  Start   ***********************************/
.pro_prod_navs{ height: 125px;}
.pro_prod_nav{ text-align: center; width: 760px; margin: auto;}
.pro_prod_nav>li{ display: inline-block; width: 190px; height: 40px; float: left;}
.pro_prod_nav>li>a{  display: block; width: 190px; height: 40px; text-indent: 60px; text-align: left; font-size: 16px; line-height: 40px;
    color: #3a3a3a; position: relative;background: url("../Image/pro_nav_icon.png") 20px center no-repeat;}
.pro_prod_nav>li:hover>a{ background: #d0976c  url("../Image/pro_nav_icon_ac.png") 20px center no-repeat;; color: #fff;}
.pro_prod_nav>li>ul{ display: none; width: 400%; padding: 30px; margin-bottom: 30px;}
.pro_prod_nav>li:nth-child(1)>ul { display: none; width: 526%; position: relative; left: -75%; }
.pro_prod_nav>li:nth-child(3)>ul { display: none;  position: relative; left: -75%; }
.pro_prod_nav>li:nth-child(4)>ul { display: none; width: 400%;  position: relative; left: -175%; }

.pro_prod_nav>li>ul>li{ display: inline-block; width: 108px; height: 30px; float: left;
    line-height: 30px; background: #d0976c;  font-size: 14px;color: #fff; margin: 1px;}
.pro_prod_subnav a:hover{ display: block;width: 100%; height: 30px;}
.pro_prod_subnav a:hover{ background: #a67956;}
/* Bubble Left */
.hvr-bubble-left>a:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid;
    -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;
    top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; }
.hvr-bubble-left:hover>a:before, .hvr-bubble-left:focus>a:before, .hvr-bubble-left:active>a:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
.pro_prod_content{ width: 1200px; height: auto; margin: auto; overflow: hidden; padding-bottom: 50px; position: relative;}
.pro_prod_content li{ width: 300px; height: 450px; float: left; text-align: center;}


.pro_prod_ul{ height: auto; overflow: hidden;}
.pro_prod_ul a{ width: 282px; height: 374px; display: block; margin: auto; overflow: hidden; background: url("../Image/pro_border.png") center no-repeat; }
.pro_prod_span{ width: 246px; height: 338px; display: block; margin: 18px auto; overflow: hidden; }
.pro_prod_span>img.original{position: absolute; right: 0; bottom: 0;}
.pro_prod_ul span{ font-size: 14px; color: #3e3e3e; line-height: 3em; position: relative; overflow: hidden;}

.pro_info_img{ display: block; margin: auto; max-height: 700px;}
.pro_info_txt{ font-size: 18px; text-align: center; line-height: 50px;}
.pro_info_cn{ padding: 10px 100px; box-sizing: border-box; font-size: 16px;}
.pro_info_cn img{ display: block; margin: auto;}


.food_info_tit_bg{margin:30px 0 20px 0;width:100%;height:30px;background:#ececec; float:left;}
.food_info_tit{display:inline-block;padding-left:10px; padding-right:10px;height:100%;border-right:1px solid #fff;background: #cc9966;color:#fff;line-height:30px;font-family:Microsoft YaHei; font-size:14px;}

 .info_img_w{ width: 100%; max-height: 700px; height: auto; position: relative;}

.a_left{width:50%; height:100%; position:absolute;  z-index:9999; left: 0; top: 0;}
.a_right{ width:50%; height:100%; position:absolute; z-index:9999; right: 0; top: 0;}
.a_left a{ display:block; width:100%; height:100%; position:relative; z-index:999; cursor: url('../Image/btn-prev.png'),default;}
.a_right a{ display:block; width:100%; height:100%;position:relative; z-index:999; cursor: url('../Image/btn-next.png'),default;}
/*.a_left a:hover{width:100px; height:300px; float:left;background:url('../Image/btn-prev-cur.png') no-repeat left center;}*/
/*.a_right a:hover{width:100px; height:300px; float:right;z-index:999;background:url('../Image/btn-next-cur.png') no-repeat right center;}*/


/****************************    Product  End   ***********************************/

/****************************    News  Start   ***********************************/
.new_news_w{ width: 100%; height: auto; overflow: hidden;}
.new_news_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto;}
.new_news_img{ width:235px; height:189px; float:left; border: 1px solid #cc9966; margin-right: 30px; position: relative;left: 0; top: 0;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;  }
.new_news_img img{ width: 237px; height: 190px; position: relative;left: -1px; top: -1px;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;  }
.new_news_main{ width:855px; height:210px; float:left;}
.new_news_main a{ width:100%; height:210px; display:block; color: #a6a6a6; font-size: 16px;}
.new_news_main a h2{ color:#252525; font-size: 18px; line-height: 50px;}
.new_news_main a p{ color:#5a5a5a; font-size: 16px; margin: 10px 0;}
.new_news_main a span{ background: url("../Image/news_eye.png") left center no-repeat; padding-left: 30px;}
.new_news_arrow{ display: block; width: 32px; height: 188px; border: 1px solid #d2d2d2; float: right; font-size: 40px; color: #d2d2d2; text-align: center; line-height: 188px; font-weight: lighter;}
.new_news_ul{ width: 1190px; height: auto; margin: auto; padding: 30px 0;}
.new_news_ul li{ height: 190px; margin-bottom: 40px; overflow: hidden;
    transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;  }
.new_news_ul li:hover{ box-shadow: 0 0 10px #000;}
.new_news_ul li:hover .new_news_arrow{ border-color: #cc9966; color: #cc9966;}
/*.new_news_ul li:hover .new_news_img{ left: 13px; top: 13px;}*/
/*.new_news_ul li:hover .new_news_img img{ left: -14px; top: -14px;}*/
.new_news_ul li:hover h2{ color:#cc9966;}

#prev_next li{ display: block; width: 100%; height: 25px; text-align: left; font-size: 14px;}
/****************************    News  End   ***********************************/

/****************************    Contact  Start   ***********************************/

.con_cont_link{ width: 1200px; height: auto; margin: 50px auto;}
.con_cont_link>img{ float: left;}
.con_cont_link span{ padding: 0 20px; font-size: 14px; line-height: 35px; position: relative; top: 10px;}
.con_cont_link span>img{ margin-right: 10px; position: relative; top: 3px;}
#allmap{width:100%;height:440px;overflow:hidden;}
#allmap p{line-height:10px;margin:10px;}


/****************************    Contact  End   ***********************************/



/****************************    Fresh  Start   ***********************************/

.fresh_w{ width: 100%; height: auto; overflow: hidden; margin: auto;}
.fresh_t{ width: 1120px; height: auto; overflow: hidden; margin: 30px auto; text-align: center;}
.fresh_t img{ display: block; margin: 30px auto;}
.fresh_t span{ font-size: 16px; color: #cc9966; line-height: 3em;}
.fresh_t p{ font-size: 14px; color: #8f8f8f;}
.fresh_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto; padding-bottom: 60px;}

/********         fresh introduction       ************/
.fresh_intro{ width: 367px; height: 467px; border: 1px solid #f0e0d1; margin: 40px; text-align: center; float: left;}
.fresh_intro img{ display: block; margin: 20px auto;}
.fresh_intro span{ text-transform: uppercase; font-size: 14px; color: #d89c60;}
.fresh_intro p{ box-sizing: border-box; padding: 25px; font-size: 12px; color: #979797; line-height: 1.7em; text-align: left;}
.fresh_intro span::before,.fresh_intro span::after{ display: inline-block; content: ''; width: 25px; height: 1px; background: #d89c60; position: relative; top: -5px;}
.fresh_intro span::before{ left: -10px;}
.fresh_intro span::after{ right: -10px;}
/********       fresh goods          ************/
.fresh_goods{padding-top:52px;position:relative;width:100%;padding-bottom:150px;}
.fresh_goods ul{width:100%;}
.fresh_goods li{position:relative; float: left;
    -webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:0.3s linear 0s;transition:0.3s linear 0s;}
/********       fresh 1     common     ************/
.disco{ display: block; width: 93px; height: 25px; float: right; border: 1px solid #cecece; font-size: 14px; color: #616161; text-align: center; line-height: 25px;}

.fresh_goods a.disco{ display:block;width:102px;height:28px;line-height:28px;text-align:center;border:1px solid #cecece;
    font-size:13px;color:#000;text-transform:uppercase;margin-top:5px; float: right;
    -webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.fresh_goods li.fresh:hover .disco{color: #fff; background: #cc9966; border-color: #cc9966;}

.fresh_goods .fresh_desc_cn{padding-top:19px;max-height:64px;overflow:hidden;}
.fresh_goods .fresh_desc1{display:block;}
.fresh_goods li:hover .fresh_desc1 { visibility: hidden; width: 0; overflow: hidden;}
.fresh_goods .fresh_desc_t{font-size:16px;color:#403f3f;line-height:30px;position:relative;left:0;opacity:1;text-transform:uppercase;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.fresh_goods .fresh_desc_p{font-size:12px; color:#8a8a8a;line-height:28px;position:relative;left:0;opacity:1;-webkit-transition:all 0.4s ease 0.3s;transition:all 0.4s ease 0.3s;}
.fresh_goods li:hover .fresh_desc_t, .fresh_goods li:hover .fresh_desc_p { opacity: 0 ; left: 20px;}
.fresh_goods .fresh_desc2{overflow:visible;width:0;margin-top:5px;}
.fresh_goods .fresh_desc2 .fresh_line{display:block;width:2px;height:48px;background-color:#cc9966;opacity:0;position:relative;left:20px; float: left;}
.fresh_goods .fresh_desc2 .fresh_en{display:block;width:330px;font-size:16px;line-height:30px;margin-left:30px;opacity:0;position:relative;left:20px;margin-top:-5px;}



.fresh_goods li:hover .fresh_desc2 { overflow: hidden; width: auto; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.fresh_goods li:hover .fresh_line { opacity: 1; left: 0; -webkit-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; }
.fresh_goods li:hover .fresh_en { opacity: 1; left: 0; -webkit-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s;}



/********       fresh 1        ************/
.fresh{ opacity: 0;}
.fresh1{ width: 680px; height: auto;}
.fresh2{ width: 478px; height: auto; clear: both;}
.fresh3{ width: 531px; height: auto; position: relative; top: -50px; margin: 0 80px;}
.fresh4{ width: 411px; height: auto; position: relative; margin: 0 130px;}
.fresh5{ width: 530px; height: auto; position: relative; top: -300px;}
.fresh6{ width: 564px; height: auto; position: relative; margin-left: 78px; margin-top: 40px;}
.fresh7{ width: 578px; height: auto; position: relative; top: -300px;}
.fresh8{ width: 478px; height: auto; position: relative; clear: both;top: -200px;}
.fresh9{ width: 530px; height: auto; position: relative; top: -250px; margin-left: 100px;}
.fresh10{ width: 395px; height: auto; position: relative; top: -200px; margin-left: 150px;}
.fresh_desc{ float: left; width: 400px;}
.fresh4 .fresh_desc,.fresh10 .fresh_desc{ float: left; width: 150px;}
.fresh_goods .fresh4 .fresh_desc2 .fresh_en,.fresh_goods .fresh10 .fresh_desc2 .fresh_en{ width: 275px;}

.fresh_goods li.fresh1 a.fresh_img{display:block; width:680px; height:376px;position:relative;overflow:hidden;}
.fresh_goods li.fresh2 a.fresh_img{display:block; width:478px; height:643px;position:relative;overflow:hidden;}
.fresh_goods li.fresh3 a.fresh_img{display:block; width:531px; height:336px;position:relative;overflow:hidden;}
.fresh_goods li.fresh4 a.fresh_img{display:block; width:411px; height:554px;position:relative;overflow:hidden;}
.fresh_goods li.fresh5 a.fresh_img{display:block; width:530px; height:728px;position:relative;overflow:hidden;}
.fresh_goods li.fresh6 a.fresh_img{display:block; width:564px; height:760px;position:relative;overflow:hidden;}
.fresh_goods li.fresh7 a.fresh_img{display:block; width:578px; height:366px;position:relative;overflow:hidden;}
.fresh_goods li.fresh8 a.fresh_img{display:block; width:478px; height:642px;position:relative;overflow:hidden;}
.fresh_goods li.fresh9 a.fresh_img{display:block; width:530px; height:337px;position:relative;overflow:hidden;}
.fresh_goods li.fresh10 a.fresh_img{display:block; width:395px; height:494px;position:relative;overflow:hidden;}

.fresh_goods li .upbox{display:block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0; -webkit-transition:opacity 1.5s ease 0s;transition:opacity 1.5s ease 0s;}
.fresh_goods li.fresh1 .upbox{ background: url("../Image/upbox1.png") center no-repeat;}
.fresh_goods li.fresh2 .upbox{ background: url("../Image/upbox2.png") center no-repeat;}
.fresh_goods li.fresh3 .upbox{ background: url("../Image/upbox3.png") center no-repeat;}
.fresh_goods li.fresh4 .upbox{ background: url("../Image/upbox4.png") center no-repeat;}
.fresh_goods li.fresh5 .upbox{ background: url("../Image/upbox5.png") center no-repeat;}
.fresh_goods li.fresh6 .upbox{ background: url("../Image/upbox6.png") center no-repeat;}
.fresh_goods li.fresh7 .upbox{ background: url("../Image/upbox7.png") center no-repeat;}
.fresh_goods li.fresh8 .upbox{ background: url("../Image/upbox8.png") center no-repeat;}
.fresh_goods li.fresh9 .upbox{ background: url("../Image/upbox9.png") center no-repeat;}
.fresh_goods li.fresh10 .upbox{ background: url("../Image/upbox10.png") center no-repeat;}

.fresh_goods li:hover .upbox{opacity:1;}
/****************************    Fresh  End   ***********************************/

/****************************    Contact  Start   ***********************************/
.net_cn{ width: 1200px; height: auto; margin: 30px auto; overflow: hidden;}
#ChinaMap{ width: 500px; height: 400px; float: left;}
.net_info{ width: 600px; height: auto; float: right;font-size: 15px; line-height: 30px;}
.net_info table{ border-left: 1px solid #333333; border-top: 1px solid #333333;}
.net_info td{ border-right: 1px solid #333333; border-bottom: 1px solid #333333; padding: 2px 10px;}
.net_info tr:nth-child(odd){ background: #eaeaea;}

/****************************    Contact  End   ***********************************/

/****************************    Message  Start   ***********************************/


.msg_w{ width: 100%; height: auto;}
.msg_cn{ width: 800px; height: auto; overflow: hidden; margin: 30px auto;}
.form_cn{ padding-left: 12.5%; font-size: 15px; line-height: 30px;}
.col-sm-9{ width: 75%; float: left;}
.col-sm-12{ width: 100%; float: left;}
.col-sm-2{ width: 16.6666%; float: left;}
.col-sm-3{ width: 25%; float: left;}
.code_img{ position: relative; left: 30px; top: 6px;}
.form-control {
    display: inline-block;
    width: 100%; padding: 0 10px; margin-bottom: 15px; font-size: 14px; line-height: 35px; color: #7a7a7a;
    border: 1px solid #dadada; resize: none; vertical-align: middle;
    -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
}
[type="text"]:hover, textarea:hover{ outline: 1px solid #efefef; border-color: #555;}
[type="text"]:focus, textarea:focus { outline: 1px solid #efefef; border-color: #a6a6a6; }
#submit{width:90px;height:34px;border:none; background: #cc9966; color:#fff;cursor:pointer;}
/****************************    Message  End   ***********************************/

/****************************    Case  Start   ***********************************/

.case_case_cn{ width: 1200px; height: auto; overflow: hidden; margin: auto;}
.case_case_navs{ height: 100px;}
.case_case_nav{ text-align: center; width: 760px; margin: auto;}
.case_case_nav>li{ display: inline-block; width: 190px; height: 40px; float: left;}
.case_case_nav>li>a{  display: block; width: 190px; height: 40px; text-indent: 60px; text-align: left;
    font-size: 16px; line-height: 40px; color: #3a3a3a; position: relative;}
.case_case_nav>li:nth-child(1)>a{background: url("../Image/case_ico1.png") no-repeat; background-position:  20px 10px ;}
.case_case_nav>li:nth-child(2)>a{background: url("../Image/case_ico2.png") no-repeat; background-position: 20px 10px;}
.case_case_nav>li:nth-child(3)>a{background: url("../Image/case_ico3.png") no-repeat; background-position: 20px 10px;}
.case_case_nav>li:nth-child(4)>a{background: url("../Image/case_ico4.png") no-repeat; background-position: 20px 10px;}
.case_case_nav>li:hover>a{ background-color: #d0976c; background-position: 20px -20px; color: #fff;}

.case_case_content,.honor_honor_content{ width: 100%; height: auto; overflow: hidden; font-size: 16px;}
.case_case_content li{ width: 580px; height: 450px; float: left; margin-right: 40px; overflow: hidden;}
.case_case_content li a img{ display: block; width: 580px; height: 378px;overflow: hidden;}
.honor_honor_content li{ width: 290px; height: 450px; float: left; margin-right: 13px;}
.case_case_content li:nth-child(even){ margin-right: 0;}
.honor_honor_content li:nth-child(4n){ margin-right: 0;}
.case_case_content li h2,.honor_honor_content li h2{ color: #4b4b4b; font-size: 16px; font-weight: bold; line-height: 30px;}
.case_case_content li span,.honor_honor_content li span{ color: #4b4b4b; font-size: 14px; line-height: 30px;}

.case_case_content li img,.honor_honor_content li img { width: 100%; -webkit-transition : all 0.5s ease 0s ; -moz-transition : all 0.5s ease 0s ; -o-transition : all 0.5s ease 0s ; }
.case_case_content li img:hover,.honor_honor_content li img:hover { -webkit-transition : all 0.5s ease 0s ; -moz-transition : all 0.5s ease 0s ; -o-transition : all 0.5s ease 0s ;
    -moz-transform : translate( -2px,-2px ) ; -webkit-transform : translate( -2px,-2px ) ; -o-transform : translate( -2px,-2px ) ; -ms-transform : translate( -2px, -2px ) ; transform : translate( -2px,-2px ) ;
    -webkit-box-shadow : 5px 5px 15px rgba( 67, 72, 84, 0.5 ) ; -moz-box-shadow : 5px 5px 15px rgba( 67, 72, 84, 0.5 ) ; -o-box-shadow : 5px 5px 15px rgba( 67, 72, 84, 0.5 ) ; box-shadow : 5px 5px 15px rgba( 67, 72, 84, 0.5 ) ;
}
/****************************    Case  End   ***********************************/



/****************************    Top  Start   ***********************************/

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#cc9966;;}
.side ul li img{float:left;}


/****************************    Top  End   ***********************************/







.page{ margin:10px 20px 15px 0; height: 33px; text-align: center; clear: both;}
.page a{display:inline-block; width:68px; height:31px;line-height:31px;border:1px solid #d0976c;}
.page a:hover{background:#d0976c;color:#fff; width:68px; height:31px;line-height:31px;border:1px solid #d0976c; }
.current { display:inline-block; width: 53px; height:33px;line-height:33px;background:#d0976c;color:#fff;}
.search_p{ font-size: 16px; line-height: 30px; margin-bottom: 40px;}
.search_p span{ color: #D0976C; font-weight: bold;}

.sidebox1:hover{ width: 200px !important;}
.form#searchK{ height: 54px;}
.search_s{ width: 54px; height: 54px; border: 0; background: url("../Image/side_icon0.png") center no-repeat;}
.search_s:active{ border: none;}
.search_i{ width: 140px; padding: 10px; box-sizing: border-box; height: 30px; background: no-repeat; border: none; color: #fff;}
input::-webkit-input-placeholder { color: #fff !important; /* WebKit browsers */}
input:-moz-placeholder { color: #fff !important; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder { color: #fff !important; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder { color: #fff !important; /* Internet Explorer 10+ */  }
.pp_content{ height: auto !important;}
.pp_details{ display: none !important;}
.pp_fade{ background: rgba(0,0,0,0.8) !important;}







/*************index&goods**************/
.news{margin-left:17px;}
.news li{width:678px;height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center;}
.info_title{margin:30px 0 0 27px;width:663px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/


/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}